<template>
  <div>
    <h3>关于我们 -- 必须只有登录成功的用户才能访问到</h3>
    <hr />
    <RouterLink to="/detail/100">新闻1</RouterLink>
    <br />
    <br />
    <RouterLink to="/detail/200">新闻2</RouterLink>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

// 页面生命周期
// 挂载时  created/mounted
// 更新时  updated
// 销毁时  beforeUnmount
export default defineComponent({
  // // 生命周期
  // beforeCreate() {
  //   if (!window.sessionStorage.getItem('token')) {
  //     // 编程式导航
  //     this.$router.replace('/login')
  //   }
  // }
  // 组件内导航守卫
  // 路由进入时触发
  beforeRouteEnter(to, from) {
    console.log('组件内 -- beforeRouteEnter')
  },
  // 离开当前路由
  beforeRouteLeave(to, from) {
    console.log('组件内 -- beforeRouteLeave')
  },
  beforeCreate() {
    console.log('beforeCreate')
  },

  // 全局导航守卫执行完毕后才销毁
  beforeUnmount() {
    console.log('beforeUnmount')
  },
  unmounted() {
    console.log('unmounted')
  }
})
</script>

<style scoped></style>
